<section id="panel" class="section clearfix">
	<div class="hot-massage">
		<h2>
			热门资讯 <span>Headlines</span>
		</h2>
		<div class="msg">
			<a th:href="@{/news/list}" href="#" class="see-more-btn"
				target="_blank">更多资讯</a>
			<article class="left-art" th:each="info:${hotInfoList}"
				th:object="${info}">
				<hgroup>
					<h3>
						<img th:style="'width : 80px'"
							th:src="${@staticResourceUrlProcessor.replaceUrlWithCDNUrl((info.snapshot != null)? info.snapshot.original : 'http://placehold.it/80x50')}" />
						<a href="#" th:href="@{*{'/post/view/'+id}}" th:text="*{title}">“互联网+”包裹下的餐饮O2O，如何躺着把钱赚？</a>
					</h3>
					<!--/*-->
					<div class="sh">
						<span class="sh-store"> <i class="fa fa-star"></i> <a
							href="#">收藏此商品</a>
						</span> <span class="sh-wb"> <i class="fa fa-weibo"></i> <a
							href="#">分享至新浪微博</a>
						</span> <span class="sh-com"> <i class="fa fa-comment-o"></i> <a
							href="#">此商品评论次</a>
						</span>
					</div>
					<!--*/-->
				</hgroup>
				<div class="art-cont" fx='append_more' url="#"
					th:attr="url=@{*{'/post/view/'+id}}">
					<div fx="limit" num="300"
						th:utext="*{@previewHtmlUtils.truncateHTML(summary,300)}">
						“互联网+”概念盛行之下，餐饮行业的包装商们又找到了新一轮投资机会，从生鲜供应链到生鲜半成品到食材包，从团购到在线选座到外卖。关于吃他们都说应该要有不一样的吃法，不只是吃得好和舒服，还要吃得健康、安全、方便。
						中国餐饮行业有两个怪圈，中高端餐饮以地区性为主，中低端餐饮被肯德基、麦当劳霸占着，有个相同点是无强势的中国餐饮品牌。在传统的餐饮界中创新一直在进行着，前有俏江南，后有外婆家、海底捞，也有企业退出或被收购，比如湘鄂情的转型、小肥羊被收购。虽然市场在增长，但鲜有能分羹者出现，如俏江南上市一次次搁浅，这个市场犹如挂在墙上的美女，你看得到却摸不着。
					</div>
				</div>
			</article>
			<!--/*-->
			<article class="right-art">
				<hgroup>
					<h3>
						<a href="#">【早报】新iPhone好听到碾压索尼ZX 2？</a>
					</h3>
					<div class="sh">
						<span class="sh-store"> <i class="fa fa-star"></i> <a
							href="#">收藏此商品</a>
						</span> <span class="sh-wb"> <i class="fa fa-weibo"></i> <a
							href="#">分享至新浪微博</a>
						</span> <span class="sh-com"> <i class="fa fa-comment-o"></i> <a
							href="#">此商品评论次</a>
						</span>
					</div>
				</hgroup>
				<div class="art-cont" fx='append_more' url="#">
					<p fx="limit" num='300'>
						甩掉视频包袱：迅雷1.3亿元出售迅雷看看】北京时间4月1日凌晨消息，迅雷宣布，该公司已与独立第三方北京响巢国际传媒股份有限公司(以下简称“响巢国际”)达成一项具有法律约束力的框架协议，将出售该公司所持迅雷看看的全部股权。迅雷计划以人民币1.3亿元的对价出售迅雷看看。在对该交易能给迅雷及其股东带来的利益进行考虑后，迅雷董事会已经批准了这项交易。
					</p>
				</div>
			</article>
			<!--*/-->
		</div>
	</div>
	<div class="new-article">
		<h2>
			最新评论 <span>Share, Rate &amp; Talk</span>
		</h2>
		<div class="usr-box">
			<span th:each="comment:${newestCommentList}" th:object="${comment}"
				th:class="${'usr-'+(newestCommentList.indexOf(comment)+1)}"
				class="usr-1"> <a target="_blank"
				th:href="@{'/users/' + ${comment.author.id}}"> <img
					th:src="@{${comment.author.avatar}}"
					src="http://placehold.it/80x80" alt="" /></a>
			</span>
		</div>
		<div class="side-talk" event="hover">
			<div class="art-tab">
				<span tab=""> <a href="javascript:;">最新评论</a>
				</span>
				<!--/*-->
				<span tab=""> <a href="javascript:;"> 投票话题 <small>(奖励2元)</small>
				</a>
				</span>
				<!--*/-->
			</div>
			<div class="art-cont" switchblock="">
				<div class="art-box cont-active" block="">
					<dl th:each="comment:${newestCommentList}" th:object="${comment}">
						<dt>
							<a target="_blank" th:href="@{'/users/' + ${comment.author.id}}"><img
								th:src="@{${comment.author.avatar}}"
								src="http://placehold.it/32x32" alt="#" /></a>
						</dt>
						<dd>
							<div class="art-tit">
								<i class="fa fa-quote-left"></i><span fx="limit" num="28"
									th:utext="${@previewHtmlUtils.truncateHTML(comment.content,14)}">美国3D打印</span><i
									class="fa fa-quote-right"></i>
							</div>
							<span class="art-usr"> —<a target="_blank"
								th:href="@{'/users/' + ${comment.author.id}}"
								th:text="*{@previewHtmlUtils.truncateHTML(author.name,10)}">风</a>
							</span> 
							<span th:if="*{type > 0}" > @ <a fx="limit" num="8" href=""
								th:text="*{@previewHtmlUtils.truncateHTML(toPost.title,10)}" th:attr="href=@{*{'/post/view/'+toId}}">风之语</a>								
							</span>
							<span th:if="*{type == 0}" > @ <a fx="limit" num="10" href=""
								th:text="*{@previewHtmlUtils.truncateHTML(toTag.name,10)}" th:attr="href=@{*{'/product/view/'+toId}}">风之语</a>
							</span>
							<!--/*--> <span class="art-com"
								th:text="*{#calendars.format(created,'yyyy.MM.dd')}">2015.03.12
							</span>
							<!--*/-->
						</dd>
					</dl>
				</div>
				<div class="art-box" block="">内容1</div>
			</div>
		</div>
	</div>
</section>